<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="合同" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<!-- <web-view :webview-styles="webviewStyles" src="https://web-auth-mm.oss-cn-beijing.aliyuncs.com/hetongtest.pdf"></web-view> -->
		<view class="">
			
		</view>
		<uni-pdf-viewer style="width: 750rpx;height: 800rpx;" :src="pdfUrl"></uni-pdf-viewer>
		
		<view style="height: 190rpx;"></view>
		<!-- <view class="fixed-bottom" style="height: 180rpx;background-color: white;">
			<view @click="saveHeTongClick()" class="loginButton2">
				分享/确认
			</view>
		</view> -->
		<view class="fixed-bottom flex-row-center" style="height: 180rpx;background-color: white;">
			<view @click="createQRCodeClick()" class="saveButton">
				重新发送/下载
			</view>
			<view @click="daKuanClick()" class="loginButton">
				打款/分享
			</view>
		</view>
	</view>
</template>

<script>
	// import VuePDF from '@/uni_modules/vue-pdf/src/vuePdfSss.vue'
	// import pdfjsLib from '@/uni_modules/pdfjs-dist/build/pdf'
	// import '@/uni_modules/pdfjs-dist/web/pdf_viewer.css'
	// import { getDocument, PDFLinkService } from '@/uni_modules/pdfjs-dist/webpack';


	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				},
				pdfUrl:'/pageC/hetongtest.pdf'
			}
		},
		methods: {
			daKuanClick(){
				uni.navigateTo({
					url:'/pageC/uploadDaKuan/uploadDaKuan'
				})
			}
		}
	}
</script>

<style>
	.loginButton2 {
		margin-top: 10rpx;
		margin-left: 64rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.saveButton{
		width: 342rpx;
		height: 90rpx;
		border: 2rpx solid #E93548;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #E93548;
		line-height: 90rpx;
		text-align: center;
	}
	.loginButton {
		margin-left: 18rpx;
		width: 342rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
</style>
